﻿@model Senac.ProjetoIntegrador.ViewModel.AtividadeViewModel
@{
    ViewBag.Title = "Escola Virtual";
}

<script src="@Url.Content("~/Scripts/bootstrap/bootstrap.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/bootstrap/css/bootstrap.css")" rel="stylesheet" type="text/css" />

<h2>Criar Atividade</h2>

@using (Html.BeginForm("CreatePergunta", "Atividade", FormMethod.Post, new { id = "frmCreatePergunta" }))
{
    @Html.ValidationSummary(true)
    @Html.HiddenFor(x => x.Atividade.desc_Titulo);
    @Html.HiddenFor(x => x.Atividade.cod_Atividade);
    @Html.HiddenFor(x => x.Atividade.qtdperguntas);
                                                                                                 
                                                 
    <fieldset>
        <legend>
            <div id="legendTitle">@Model.Atividade.desc_Titulo</div>
        </legend>
        <div>
            <div class="input-prepend span8 row-fluid">
                <span id="divQtdPerguntas" class="badge badge-warning">@Model.Atividade.qtdperguntas</span>                 
                <span class="add-on">Pergunta</span>
                @Html.EditorFor(model => model.Pergunta.desc_pergunta)
            </div>
            <div class="input-prepend span2 row-fluid">
                <span class="add-on">1</span>
                @Html.TextBox("ListResposta", "")
                @Html.RadioButton("ListBool", "")
            </div>
            <div class="input-prepend span2 row-fluid">
                <span class="add-on">2</span>
                @Html.TextBox("ListResposta", "")
                @Html.RadioButton("ListBool","")
            </div>
            <div class="input-prepend span2 row-fluid">
                <span class="add-on">3</span>
                @Html.TextBox("ListResposta", "")
                @Html.RadioButton("ListBool", "")
            </div>
            <div class="input-prepend span2 row-fluid">
                <span class="add-on">4</span>
                @Html.TextBox("ListResposta", "")
                @Html.RadioButton("ListBool", "")
            </div>
            <div class="input-prepend span2 row-fluid">
                <span class="add-on">5</span>
                @Html.TextBox("ListResposta", "")
                @Html.RadioButton("ListBool", "")
            </div>
        </div>
        <p>
            <div class="span12">
                @*<button id="btnCreateAtividade" class="btn btn-primary span1 row-fluid" onclick="FctCreateAtividade();">Criar Perguntas</button>*@
                <input type="button" id="btnCreateAtividade" class="btn btn-primary span2 row-fluid" onclick="FctCreateAtividade()" value="Criar Pergunta"/>
            </div>
        </p>
    </fieldset>
}

<script type="text/javascript">

    $(document).ready(function() {

    });

    function FctCreateAtividade() {
        $.ajax({
            url: '@Url.Content("~/Atividade/CreatePergunta")',
            cache: false,
            type: 'POST',
            cache: false,
            datatype: "html",
            data: $("#frmCreatePergunta").serialize(),
            success: function (data) {
                $("#legendTitle").html(data.desc_Titulo);
                $("#divQtdPerguntas").html(data.qtdperguntas);
                FctLimparCampos();
            },
            error: function (a, b, c) {
            }
        });
    }

    function FctLimparCampos() {

        var objCampoResposta = $("input[name=ListResposta]");

        $("#Pergunta_desc_pergunta").val("");
        objCampoResposta.each(function () {
            $(this).val("");
        });

    }
</script>
